import React from 'react';
import styles from './index.less';
import { constStyle } from '@/styles';

const { constColorOr1100, constColorBu1100, constColorRe1050, constColorGy2100 } = constStyle;

const Home = () => {
  return (
    <div className={styles.homeBox}>
      <div className={styles.topBox}>
        <div style={{ color: constColorOr1100 }}>top容器01</div>
        <div style={{ color: constColorBu1100 }}>top容器02</div>
        <div style={{ color: constColorRe1050 }}>top容器03</div>
        <div style={{ color: constColorGy2100 }}>top容器04</div>
      </div>
      <div className={styles.bottomBox}>
        <div className={styles.bottomLeft}>
          <div className={styles.carouselBox}>轮播图区域</div>
          <div className={styles.toDoListBox}>工作待办</div>
        </div>
        <div className={styles.bottomRight}>
          <div className={styles.analysisBox}>大数据分析入口</div>
          <div className={styles.notifyBox}>通知公告</div>
          <div className={styles.informationBox}>行业资讯</div>
        </div>
      </div>
    </div>
  );
};

export default Home;
